<template>
  <article class="audition1">
    <h3>三层分别是：</h3>
    <p>结构层、表示层、行为层</p>
    <h3>分别对应：</h3>
    <p>html、css、javascript(js)</p>
    <h3>作用是：</h3>
    <ul>
      <li>html实现页面结构</li>
      <li>css完成页面的表现和风格</li>
      <li>javascript实现页面交互</li>
    </ul>
  </article>
</template>

<script>
export default {
  name: 'Audition1'
}
</script>

<style lang="less" scoped>
h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
</style>